<template>
  <view class="index-root">
    <view class="inner-box">
      <view class="title-box">
        {{ noticeTitle }}
      </view>
      <view class="line-box">

      </view>
      <view class="content-box">
        <view class="time-box">
          发布时间：{{createTime}}
        </view>
        <view class="detail-box">
          {{noticeContent}}
        </view>
      </view>
    </view>

  </view>
</template>

<script>
import {baseMixins} from "@/mixins/baseMixins";

export default {
  mixins: [baseMixins],
  data() {
    return {
      noticeTitle:'',
      noticeContent:'',
      createTime:'',
    }
  },
  methods: {},

  onLoad(queryParams) {
    this.noticeTitle=queryParams.noticeTitle;
    this.noticeContent=queryParams.noticeContent;
    this.createTime=queryParams.createTime;
  },
}
</script>

<style scoped lang="scss">
.index-root {
  box-sizing: border-box;
  padding: 10rpx 20rpx 0rpx 10rpx;


  .inner-box{
    height:100vh;
    width: 100%;
    border-radius: 10px 10px 0 0;
    background-color: #F8F8F8;
    box-sizing: border-box;
    padding: 20rpx 10rpx 20rpx 10rpx;
    display: flex;
    flex-direction: column;

    .title-box{
      width: 100%;
      min-height:80rpx;
      height:auto;
      line-height: 1.5;
      box-sizing: border-box;
      padding-left: 20rpx;
      padding-top:20rpx;
      letter-spacing:3rpx;
    }

    .line-box{
      width: 100%;
      height: 2rpx;
      margin-top: 10px;
      margin-bottom: 10px;
      background-color: #EBEBEB;
    }

    .content-box{

      line-height: 1.5;
      font-size: 33rpx;
      color:#626262;
      box-sizing: border-box;
      padding: 5rpx 8rpx 100rpx 20rpx;
      letter-spacing:2rpx;

      .time-box{
        width:100%;
        display:flex;
        justify-content: center;
        letter-spacing:3rpx;
        font-size: 26rpx;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        color:#626262;
        margin-bottom: 30rpx;
      }
    }
  }

}
</style>
